<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Single div timeline</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">


    <link rel="stylesheet" href="test.css">


</head>

<body>


<div class="container">

    <div class="timeline-item" date-is='古代'>
        <p>天津所在地原为海洋，四千多年前，在黄河泥沙作用下慢慢露出海底，形成冲积平原。古黄河曾三次改道，在天津附近入海，3000年前在宁河区附近入海，西汉时期在黄骅县附近入海，北宋时在天津南郊入海。金国时黄河南移，夺淮入海，天津海岸线固定。</p>
        <p>天津地区在商周时期即有人类居住，但作为城市则形成较晚。隋朝大运河的开通，使位于运河北部、兼有河海运输之便的天津地位日渐重要，运河与“五河尾闾”（今海河）在市区三岔河口交汇，天津便以“三会海口”名于史册。唐朝中叶以后，天津成为南方粮、绸北运的水陆码头。</p>
    </div>
    <div class="timeline-item" date-is='1860'>
        <p>英、法联军占领天津，天津被迫开放，先后在天津设立租界。至20世纪初，在天津城厢东南的海河两岸，先后设有英国、法国、美国、德国、日本、俄国、意大利、奥地利和比利时九国租界，成为全中国乃至世界上租界最多的城市。</p>
    </div>

    <div class="timeline-item" date-is='1900'>
        <p>
            八国联军攻打天津，天津沦陷。
        </p>
    </div>
    <div class="timeline-item" date-is='1937'>
        <p>
            抗日战争爆发，天津沦陷。
        </p>
    </div>
    <div class="timeline-item" date-is='1945'>
        <p>
            抗战胜利，列强在津租界全部被国民政府收回。民国三十四年（1945年）8月15日，日本投降后，天津仍为直辖市。        </p>
    </div>
    <div class="timeline-item" date-is='1949'>
        <p>
            中华人民共和国成立，天津被定为中央直辖市。
        </p>
    </div>
    <div class="timeline-item" date-is='2021'>
        <p>
            根据第七次全国人口普查，天津被列为超大城市。
        </p>
    </div>


</div>


</body>
</html>
